html{overflow-y:scroll;font-size:12px;}
body{font-family:Verdana;background:#f5feff;color:#333;}
a{ text-decoration:none;color:#336699;}
a:hover,.uline,.uline a{ text-decoration:underline;}
a:active{color:#726da6;}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {border: 0;}
cite,em,strong,th{font-style: inherit;font-weight: inherit;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
input,button,textarea,select{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input,button,textarea,select{*font-size: 100%;}
body {line-height: 1.5;font-size:12px;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
th{text-align: left;}
:link, :visited {text-decoration: none;}
td,th,div{word-break:break-all;word-wrap:break-word}
form{display:inline;}
*{outline:none}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.c{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}
.b{ font-weight:700;}
.w{white-space:nowrap}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.fr{float:right}
.fl{float:left}
.pr{position:relative}
.cp{cursor:pointer;}
.vt,.vt td{vertical-align:top}

#user-wrap{width:960px;margin:0 auto;}

.logo{float:left;width:135px;height:40px;line-height:40px;display:block;overflow:hidden;text-indent:-2000em;color:#fff;background:url(logo.png) no-repeat;}
/*form*/
textarea,input,select{font:12px Arial;padding:2px 3px 0;vertical-align:middle;}
select{border:solid 1px #d5e6ed;}
.input,textarea{border:1px solid #c8c8c8;}
.input{line-height:1;padding:4px 2px 2px;}
/*Patch*/
.mt10{margin-top:10px;}
.p10{padding:10px;}
.p15{padding:15px;}
/*bg*/
#user-nav,.o_nav .current a{background:url(user-bg.png) 999em 999em;}
/*topbar*/
#user-nav{background-color:#2080c1;height:40px;overflow:hidden;background-position:0 top;width:960px;margin:auto;}
#user-nav img{ vertical-align:middle;}
/*nav*/
.user-nav{ font-size:16px;}
.user-nav li{float:left;height:40px;overflow:hidden;}
.user-nav li a{color:#fff;line-height:40px;padding:0 9px;display:block;}
.user-nav li a:hover{ text-decoration:none;color:#feff8c;}
.user-nav li a.mes{color:#feff8c;}
.user-nav .current a{ background-color:#64a7d8; background-position:0 -40px;}
.login_info{float:right;color:#fff;}
.login_info i{float:left;width:1px;background:#fff;overflow:hidden;height:14px;display:block;margin-top:12px;}
.login_info a{color:#fff;margin:0 8px;font:12px/12px Verdana, Arial, Helvetica, sans-serif;float:left;height:40px;line-height:40px;}
.login_info a:hover{ text-decoration:none;color:#feff8c;}
.login_info span.f9{margin-right:6px; cursor:pointer;}

.u-m-bg,.u-m-bg2,.u-cont-bg,.u-cont-bg2{height:1px;overflow:hidden;}
.u-m-bg,.u-m-bg2{border-left:1px solid #f2f7fa;border-right:1px solid #f2f7fa;}
.u-cont-bg,.u-cont-bg2{border-left:1px solid #fafcfd;border-right:1px solid #fafcfd;}
.u-m-bg2,.u-m-bg-c,.u-m-bg{background:#ecf2f9;}
.u-cont-bg-c,.u-cont-bg,.u-cont-bg2{background:#ffffff;}
.u-m-bg,.u-cont-bg{margin:0 1px;}
.u-cont-bg-c{border-bottom:1px solid #c6d9ed;}
/*bg*/
.u-nav-2 li,.u-nav-2 li a,.u-nav-2 .current,.u-nav-2 .current a,.user-post,.u-nav-s,.u-s-btn,.u-nav-3 li a:hover,.u-nav-3 li a:hover span,.u-nav-3 .current a,.u-nav-3 .current a span,.u-mark,.u-del,.user-del,.user-del:hover,.user-charge{background:url(user-bg2.png) no-repeat;}

.u-nav-2{background:url(u-nav-2-bg.png) 0 bottom repeat-x;padding-bottom:1px;}
.u-nav-2 li{float:left;background-position:0 -50px;margin-right:-10px;font-size:14px;}
.u-nav-2 li a{padding:15px 40px 0 25px;float:left;background-position:right -50px;margin-left:15px;display:inline;color:#333333;}
.u-nav-2 .current{ background-position:0 0;margin-bottom:-1px;}
.u-nav-2 .current a{ background-position:right 0;padding:16px 40px 0 25px; font-weight:700;}
.u-nav-2 li a:hover{ text-decoration:none;}

.user-tr td,.user-tr3 td{border-top:1px solid #f0f0f0;padding:10px 0 10px 10px;vertical-align:middle;}
.user-tr td td,.user-tr3 td td{border-bottom:none;}
.user-tr input,.user-tr2 input,.user-tr3 input{vertical-align:middle;}
.user-tr img{padding:3px;border:1px solid #e4e4e4;}
.user-tr:hover{background:#fff;}

/*user setting page*/
.user-setting-updatemsg {color: red; text-align:center;}

/*user reward page*/
.user-points {color: red; font-weight: bold;}

.centerimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    margin-top: -250px; /* Half the height */
    margin-left: -250px; /* Half the width */
}

html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}